*{
  margin: 0; padding: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
html{
  font-size: 100px;
}
body{
  font-size:.12rem; font-family:$font; color:#333; -webkit-text-size-adjust:none; opacity:0;
  &.show{
    opacity:1;
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
  }
}
a{
  color:#333; text-decoration:none; outline:none;
  &:active{star:expression(this.onFocus=this.blur());}
  &:link {text-decoration: none; outline:none;}
  &:visited{text-decoration: none; outline:none;}
  &:hover{text-decoration:none; color:$red; outline:none;}
}
li{list-style:outside none;}
h1{font-size:16px;}
h2, h3, h4, h5{font-size:14px;}
h5{font-size:12px;}
textarea, input{background:transparent; font-size:12px; font-family:$font; color:#888; outline:none; border:0px;}
em{font-style:normal;}
img{vertical-align:middle; max-width:100%; border:0}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0; display:block; _display:inherit;}
.before{content: ""; display: block; position: absolute; left: 50%; top: 0;}
.h10{@include height(.1rem)}
.h50{@include height(.5rem)}

.wal{max-width: 12rem; margin:0 auto;}

@font-face {
  font-family: 'AveraSansRg';
  src: url('fonts/AveraSansRg.eot');
  src: url('fonts/AveraSansRg.eot') format('embedded-opentype'),
  url('fonts/AveraSansRg.woff2') format('woff2'),
  url('fonts/AveraSansRg.woff') format('woff'),
  url('fonts/AveraSansRg.ttf') format('truetype'),
  url('fonts/AveraSansRg.svg#AveraSansRg') format('svg');
}

